<template>
 <div class="max-[1200px]">
  <div class="title">客户支持</div>
  <div class="grid grid-cols-2 gap-3">
 <input type="text" placeholder="姓名" class="ipt" />
 <input type="text" placeholder="电话" class="ipt" />
 <input type="text" placeholder="公司名称" class="ipt" />
 <input type="text" placeholder="地址" class="ipt" />
 <input type="text" placeholder="产品" class="ipt" />
 <input type="text" placeholder="科号" class="ipt" />
</div>
<textarea name="" id="" cols="20" rows="10" placeholder="留言内容" class="w-full ipt mt-[20px] h-[180px]"></textarea>
<button class="submit">提交</button>
 </div>
</template>
<script setup>
import { ref } from 'vue'
</script>
<style lang="scss" scoped>
.title{
  color: #333333;
  font-size: 40px;
  margin-bottom: 33px;
  margin-top: 16px;
  text-align: center;
}
.submit{
  background: #712C2F;
  color: #FFFFFF;
  width: 296px;
  height: 52px;
  line-height: 52px;
  border-radius: 2px;
  text-align: center;
  margin-top: 20px;
}
.ipt{
  border-radius: 2px;
  border: 1px solid #999999;
  line-height: 50px;
  font-size: 16px;
  padding-left: 16px;
}
</style>